Free Hosting Gratis Untuk Menyimpan Javascript

Javascript dalam sebuah blog mutlak diperlukan karena sifatnya yang unik sehingga dapat  membuat penampilan sebuah blog menjadi lebih atraktif. Permasalahannya sekarang adalah penggunaan javascript dalam sebuah blog membutuhkan hosting atau tempat penyimpanan. Google sendiripun sebenarnya sudah menyediakan tempat untuk menyimpan javascript yaitu di Google Code, hosting javascript secara gratis.

Disini saya tidak akan membahas Google Code, karena saya belum pernah berhasil upload file javascript di Google Code. Entah kenapa ..., anehnya menu tab download tidak pernah muncul, sehingga bagaimana mau upload? Yaahh...mungkin belum rekeji....eh rejeki..LOL.

Kali ini saya akan memberikan alternatif lain bagi Anda untuk menyimpan file javascript, tentu saja gratis juga. Tempat hosting javascript gratis itu adalah yourjavascript.com dengan motto : "If you've got problem with your javascript files on your hosting, just host it on yourjavascript.com. We will host your javascript for free"  Yang artinya mirip-mirip gini.... "Jika Anda punya masalah dengan file javascript Anda pada hosting Anda, hanya host di yourjavascript.com. Kami akan menjadi tuan rumah javascript Anda secara gratis"

Step-stepnya mudah, tidak perlu daftar ata regristrasi lebih dulu.

Sebaiknya langsung ke TKP ......, klik yourjavascript.com :

Klik telusuri untuk upload file ...

Kalau Anda menginginkan file javascript yang akan di upload hanya untuk pribadi, silahkan centang kotak "Make private"

Akan muncul kotak "Only for domain (separate each domain with new line)"
Isikan nama domain Anda..

Selanjutnya isi email Anda ...
Lanjutkan kode verification ...
Klik Upload
Selesai ....

Buka email Anda .., disana akan mendapatkan URL script dari javascript yang Anda upload seperti gambar di bawah ini, persis dibawah tulisan "Here is the link"

Okey,... selamat mencoba, semoga bermanfaat...
Happy blogging ...!

Related Posts With Thumbnail For Blogger

Menampilkan link ke posting terkait dengan yang sesuai thumbnail posting akan membantu Anda meningkatkan tampilan halaman / pengguna. Pengguna akan tergoda untuk membaca posting yang bersangkutan ketika mereka disajikan dengan thumbnail yang menarik.
Lengkapnya, widget Ini ada di Blooger Widget, silahkan kinjungi situsnya disini.

Berikut adalah langkah-langkah instalasi secara rinci :

1. Login ke dashboard blogger Anda dan arahkan ke Layout > Edit HTML dan centang kotak "Expand Template Widget"
2. Cari kode </head> dan ganti dengan kode dibawah ini :
<!--Related Posts with thumbnails Scripts and Styles Start--> <!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'> <style type="text/css"> #related-posts { float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px; } #related-posts h2{ font-size: 1.6em; font-weight: bold; color: black; font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ color:black; } #related-posts a:hover{ color:black; } #related-posts a:hover { background-color:#d4eaf2; } </style> <script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/> <!-- remove --></b:if> <!--Related Posts with thumbnails Scripts and Styles End--> </head>
3. Selanjutnya cari kode :
<div class='post-footer-line post-footer-line-1'>
4. Jika Anda tidak dapat menemukannya, coba cari kode yang satu ini :
<p class='post-footer-line post-footer-line-1'>
5. Jika sudah ketemu, copy kode berikut dibawahnya ;
<!-- Related Posts with Thumbnails Code Start--> <!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop> <script type='text/javascript'> var currentposturl=&quot;<data:post.url/>&quot;; var maxresults=5; var relatedpoststitle="Related Posts"; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script> </div><div style='clear:both'/> <!-- remove --></b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'> <a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger tutorials</a> </b:if></b:if> <!-- Related Posts with Thumbnails Code End-->
6. Anda dapat menyesuaikan jumlah maksimum posting terkait yang akan ditampilkan dengan mengedit baris ini di kode :
var maxresults=5;
7. Untuk mengedit judul widget, Anda dapat mengubah baris kode ini :
   
   var relatedpoststitle="Related Posts";
8. Untuk mengubah warna dan semua Anda harus memodifikasi CSS
9. Simpan dan lihat hasilnya

Selamat mencoba n happy blogging ..!

Memasang Tombol Back To Top

Posting kali ini saya khususkan bagi sobat yang belum ada fasilitas back to top pada halaman web atau blog yang kita gunakan.

Agar pembaca lebih mudah dan cepat kembali ke halaman paling atas pada web atau blog kita, mungkin lebih baik kalau kita sediakan sebuah tombol (button) "Back To Top"

Tombol ini bisa berupa tulisan "Kembali ke Atas" (Back to Top) atau image berbentuk panah (arrow) tetapi jika tombol panah ini disentuh atau di klik dengan mouse, tulisan "Back To Top" secara otomatis akan muncul dibawah tombol tersebut.

Penempatan tombol ini tentunya pada halaman paling bawah di web atau blog kita, bisa diletakkan bawah-kanan atau bawah-tengah.

Untuk gambar panah, anda dapat kunjungi situs yang menyediakan clipart yang ada di internet dengan mesin pencari, tinggal pilih mana yang anda suka.

Salah satunya anda bisa kunjungi situs penyedia ratusan clipart dan free alias gratis yang alamatnya ada di : http://www.freeclipartnow.com

Contoh-contoh image untuk tombol back to top :

Nah setelah anda pilih gambar panah yang anda suka, download dan simpan ditempat image hosting, dimana biasanya anda menyimpan semua file image milik anda, misalnya saja di photobucket.com, ziddu.com, picasaweb.google.com dan banyak lagi lainnya yang free alias gratis !

Jika image sudah dipilih dan disimpan, kali ini saya akan sharing bagaimana cara memasang tombol back to top yang berupa tombol image dan jika di klik, tulisan "Back To Top" akan muncul dibawah tombol panah tersebut (penempatannya ada di bawah-kanan).

Caranya cukup mudah, ikuti langkah-langkahnya...

Seperti biasa, login di blogspot (blogger.com), pilih Tata Letak, pilih Edit HTML , cari kode ini : </body>

Kemudian sroll mouse anda kebawah lagi sampai menemukan kode : <div id='credit'>

Copy dan paste kode dibawah ini dan letakkan tepat diatas kode </div> </body> </html>

<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='http://Your_Image_Hosting/arrowup.jpg'/></a>

Ganti :

Your_Image_Hosting , dengan alamat Url image hosting anda.

right (bawah-kanan) ; left (bawah-kiri) ; center (bawah-tengah)

Klik Simpan.

Sekarang coba lihat halaman web/blog anda.

Happy blogging ....!

Berikan komentarmu, setelah mencobanya ......

.

.

Pasang Penterjemah Bahasa di Blogmu

Ingin pasang penterjemah otomatis di blogmu?

Sebenarnya Gadget Translator, di Google sudah tersedia, saat saya menulis ini jumlahnya ada 7 gadget translator. Akan tetapi ada beberapa yang belum dapat digunakan dan ada pula yang masih beta.

Nah, saya sudah lama pasang gadget translator dengan simbol bendera masing-masing negara atau bahasa, yaitu dari hasil modifikasi dan percobaan beberapa kali yang hasilnya tampak di side bar sebelah kanan atas blog ini.
Dengan hanya klik salah satu bendera yang tersedia, maka halaman web atau blog langsung diterjemahkan kedalam bahasa yang di inginkan.

Apa yang harus disiapkan?
Yang pertama, tentunya gambar bendera-bendera yang mewakili bahasa yang akan diterjemahkan.
Gambar-gambar bendera ini, berukuran 20x15 pixels. Tetapi jika ukurannya mau disesuaikan atau dibesarkan, silahkan gunakan software Irfan View yang sudah pernah saya posting di "Cara Mudah Mengecilkan Size Foto", termasuk software Irfan View, tinggal klik untuk mengunduhnya (download), termasuk juga plugins Irfan View, agar bekerja lebih optimal. Software ini cukup mudah (friendly) untuk mengecilkan atau memperbesar ukuran gambar dengan hasil yang cukup bagus pula.
Yang kedua adalah script html.
Anda tinggal melakukan sedikit editing pada script yang sudah saya siapkan, disesuaikan dengan kode bahasanya.

Dapatkan gambar-gambar bendera
Anda dapat di download disini.
Setelah download selesai, silahkan upload atau simpan di file hosting yang banyak tersedia di internet, seperti di photo bucket atau picasaweb atau yang file hosting lainnya.
Kalau anda pengguna blogspot, sepertinya lebih baik simpan di picasaweb, karena picasaweb ini masih miliknya Google. Jadi, aksesnya juga lebih cepat dan sinkron dengan blogspot, pada saat web/blog pertama kali dibuka, gambar cepat tampil/muncul. Namun terserah anda, mau disimpan dimanapun tidak masalah, saya sudah coba di beberapa file hosting, hasilnya juga lumayan cepat.

Kode bahasa:

Lang_name	Code		Lang_name	Code		Lang_name	Code
Albanian	sq		German	de		Polish	pl
Arabic	ar		Greek	el		Portuguese	pt
Bulgarian	bg		Hebrew	iw		Romanian	ro
Chinese (Simplified)	zh-CN		Hindi	hi		Russian	ru
Croatian	hr		Hungarian	hu		Serbian	sr
Czech	cs		Indonesian	id		Slovak	sk
Danish	da		Italian	it		Slovenian	sl
Dutch	nl		Japanese	ja		Spanish	es
English	en		Korean	ko		Swedish	sv
Estonian	et		Latvian	lv		Thai	th
Filipino	tl		Lithuanian	lt		Turkish	tr
Finnish	fi		Maltese	mt		Ukrainian	uk
French	fr		Norwegian	no		Vietnamese	vi
Galician	gl		Persian	fa

Script:
<a style="cursor: pointer;" target="_blank" rel="nofollow" title="Lang_name" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7CCode&hl=en'); return false;"><img alt="Lang_name " border="0" align="absbottom/" title="Lang_name" height="15" src="URL dimana gambar bendera disimpan" style="cursor: pointer;" width="20" /></a>

Contoh, translate ke Janpanese:
<a style="cursor: pointer;" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese " border="0" align="absbottom/" title="Japanese" height="15" src="http://picasaweb.google.com/Japanese.jpg" style="cursor: pointer;" width="20" /></a>

Langkah-langkah:
1. Login di blogspot
2. Klik Rancangan, pilh Elemen laman
3. Klik Tambah Gadget, dimana translator akan ditampilkan.
4. Pilih +HTML/Javascript
5. Copy script diatas (setelah di edit) dan paste pada kotak gadget HTML
6. Simpan.
7. Lihat tampilan Blog.

Oke,..... happy nice blogging!

Read More With Image Thumbnail

Bagi sobat yang ingin pasang Read More yang dapat menampilkan gambar atau image pertama disetiap posting dengan image thumbnail, ... mungkin ini salah satu solusinya.
Tutorial ini saya dapat dari blog yang saya ikuti, o-om.com dan sudah dicoba, ternyata sukses !

Hebatnya lagi, kita dapat juga pengatur jumlah karakter yang ditampilkan.
Pertama, jumlah karakter yang ditampilkan jika ada image yang diikutsertakan dalam postingan dan yang kedua, tampilkan jumlah karakter tanpa image.

Bagaimana bagi yang sudah memasang Read More versi lama ?
Kodenya kembalikan dulu seperti semula, caranya hapus kode yang berwarna merah dibawah ini, sesuaikan dengan masing-masing template yang digunakan !
Hapus kode yang berwarna merah ini :

<div class="post-header-line-1">
<div class="post-body">
<b:if cond="data:blog.pageType == &quot;item&quot;">
<style>.fullpost{display:inline;}</style>
<p><data:post.body></data:post.body></p>
<b:else>
<style>.fullpost{display:none;}</style>
<p><data:post.body></data:post.body></p>
<a href="data:post.url">Readmore</a>
</b:else>
<div style="clear: both;">

Selesai ?
Ikuti langkah-langkah berikut ini :

Pertama :
Seperti biasa, setelah login, langsung ke halaman EDIT HTML.
Cari kode </head> , setelah ketemu copy script dibawah ini, paste di atas kode dan simpan.

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>

<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>


Kedua,
Masih pada halaman EDIT HTML, beri tanda centang pada "Expand widget template" lalu temukan kode <data:post.body/>

Ganti kode <data:post.body/> dengan semua kode dibawah ini :

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Nah selesai sudah ...
Silahkan disimpan dan lihat hasilnya !

Keterangan :

• var thumbnail_mode = "float"; letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)
• summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)
• summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)
• img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
• img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)
  

Selamat mencoba..
Happy tutorial with Ekspresi !

Social Bookmark (SB)- Bagaimana Menambahkan Icon SB di Setiap Posting ?

Ada sebuah pertanyaan dari seorang sahabat, bagaimana cara pasang icon sharing yang ada di setiap posting kita ?
Seperti kita ketahui, Social Bookmark atau Bookmark Sosial menjadi media umum untuk berbagi informasi atau sharing, terutama dalam kegiatan blogging.
Dengan menambahkan fitur ini pada setiap posting, memudahkan kita untuk berbagi hanya dengan melakukan klik pada icon yang kita sediakan pada setiap posting kita dan biasanya icon ini diletakkan dibawah posting atau diatas kotak komentar.
Kali ini akan saya tunjukkan bagaimana cara menambahkan icon sosial bookmark dengan menggunakan icon statis. Akan tetapi bila mouse diarahkan pada icon tersebut, link akan muncul secara otomatis.
Nah, lain kali akan kita bahas dengan menggunakan icon yang bergerak seperti animasi... kalau ngga lupa ya ...
Kode-kode berikut, sudah berhasil saya tambahkan pada blog Ekspresi dan Jaga-Sehat, sebanyak 10 icon yang saya anggap cukup populer, yaitu :

• technorati (http://www.technorati.com)
• delicious (http://del.icio.us)
• google (http://www.google.com)
• reddit (http://www.reddit.com)
• blinklists (http://www.blinklist.com)
• blogmarks (http://blogmarks.net)
• facebook (http://www.facebook.com)
• twitter (http://twitter.com)
• digg (http://digg.com)
• yahoo (https://yahoo.com)
  

Jadi, bagaimana cara memasangnya ?
Ikuti langkah-langkahnya di bawah ini

1. Masuk ke Blogger dashboard, klik Layout (Tata Letak), Edit HTML, centang tanda Expand Template Widget.
2. Untuk keamanan, lakukan backup lebih dahulu jika terjadi kegagalan dalam melakukan editing. Klik Download Template Lengkap dan simpan.
   
3. Copy kode dibawah ini :
   
   
   
   /*-----------Social Bookmarks------------------*/
   
   .rsociales ul {
   display:inline;
   margin:0pt !important;
   padding:0pt !important; }
   .rsociales li {
   background:transparent none repeat scroll 0%;
   display:inline;
   list-style-type:none;
   margin:0pt;
   padding:2px; }
   .rsociales img {
   border:0pt none;
   float:none;
   margin:0pt;
   padding:0pt; }
   .rsociales-sobre { opacity:0.4; }
   .rsociales-sobre:hover { opacity:1; }
   
   
4. Paste sebelum kode : ]]></b:skin>
5. Cari kode : <data:post.body/>
   Jika sudah ada fitur "Read more" atau "Continue reading" , cari kode : <data:post.body/> yang kedua
6. Jika template Anda menggunakan readmore otomatis, sisipkan kode tersebut setelah <b:if cond='data:blog.pageType == "item"'> <data:post.body/>
7. Copy dan paste, kode dibawah ini, setelah kode : <data:post.body/>
   
   
   
   

   <h3> Share This </h3>
   <div class='rsociales'>
   
   <ul>
   <li><a expr:href='&quot;http://www.technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Technorati'><img alt='Agregar a Technorati' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4XzfcD1YQdXrRBCkxB_khek0D0Hkpk7k6LyfDNt1mzSKN-mvutzkr8-utlD_s5BgCcKLeZrGjA84U_NQWR87lWzPVF276gTKSOc8hLhLIGAzNvW_3fUQJ3HFt-o3lflziGAXzn1ujYow/s1600/technorati.gif'/></a></li>
   <li><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='del.icio.us'><img alt='Agregar a Del.icio.us' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcTy_RyWFA3Jn7z4CKu-_2J97OMu6dyPwHzxyiTsV7wWHYYom5Io1yR-H8XmzOcMM_Z7zwEe3ZZfYvKi31MDBxPGiS3gQ0ZmbU6hp8_JNHmt9riNzvBHyM85xyx2J0_b_EsWKLQxwhras/s1600/delicious.gif'/></a></li>
   <li><a expr:href='&quot;http://digg.com/submit?phase=2&amp;amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='digg.com'><img alt='Agregar a DiggIt!' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgstmFUgl1UdvfF_ci1RI_-pp9pzU42EQRZ2lt9wQbeWCJSQgFIL4r4sVBLZpWVk3tz1gKAPIOe6u1SQMjHdA0CZviJeFswki-pP4sWkFdpdpUMU_N-xdfg6JGHYwi1wUgM7pUSX2s1M4w/s1600/digg.png'/></a></li>
   <li><a expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Yahoo'><img alt='Agregar a Yahoo!' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifKdkzlzC7oN_2wdHZ4B62-eK5jE3hJqG1WUjXPNOAKQ_RI4sI7yyJhCV0bPWxv0MPS0D4WwJEjQ21byDusWj6AC2pqLf6gkWSTBheyEPaFxD86BK5WnrjM8q1X-uyk_fm-vOirGlnXO0/s1600/yahoo.png'/></a></li>
   <li><a expr:href='&quot;http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Google'><img alt='Agregar a Google' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKVVtyI21ABFOSu1l8wcOnkWrcdOf_xyXvHVn19pWmVEzHegI2LUs1P3O0qqxHqfMQ4xAsSg8SRSQiAlBl4pGh2hBHNq27t7ONG1u2GziKMvb9qpUF1D5fDkEQ3jDnHJimYgXz20-B5OU/s1600/google.gif'/></a></li>
   <li><a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='reddit.com'><img alt='Agregar a Reddit' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV-DxEdQofNIey3knfGsY5n3lbvwK-4yMkMtvrGuobUm-lIalNeNGtuuHJ1ZYjK6PcIZdI_-MEn4aTk4NxSoQxJFuo2p_s8Qi6nGE_sZc5eS461J_41kuzSGrbDUmkAnB-lJF9OL0z_ss/s1600/reddit.gif '/></a></li>
   <li><a expr:href='&quot;http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Description=&amp;Url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='blinklist.com'><img alt='Agregar a Blinklist' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXJ-i2PSdmqWn1PPDgf5kttwcOfPDa9NOMXzvPlTnsfYvWCRWuXLL2v7JhbYJyvSNrSwBTD30c_ZPBZiSvq_4BXZ1R_ucLf9UZ2-FiJRJLp3d4asyRdkQ6ThiejzgoKQJ36zqLnLOlmTQ/s1600/blinklists.gif'/></a></li>
   <li><a expr:href='&quot;http://blogmarks.net/my/new.php?mini=1&amp;simple=1&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='blogmarks.net'><img alt='Agregar a Blogmarks' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0_LryTx_PaoHv6i8jE5zeITYzCxoRAb67S3igYoflboDX8wJ1yxA6jMgoZISHOAxMQe2xeakVJ3dkM6SdUi8b8HG0sGRW4uEHler3s1LBpQKiSkFucAuZe44ykFR3Bss5dTrmDm_iWNs/s1600/blogmarks.gif'/></a></li>
   <li><a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Facebook'><img alt='Agregar a facebook' class='rsociales-sobre' src='http://lh5.ggpht.com/jaloee/SJNIyWWQmEI/AAAAAAAACRY/4GVE3Qxqg34/facebook.gif'/></a></li>
   <li><a expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Twitter'><img alt='Agregar a twitter' class='rsociales-sobre' src='http://lh6.ggpht.com/jaloee/SJNIyl7oKlI/AAAAAAAACRc/8cc7q_upZI4/twitter.gif'/> </a></li>
   </ul>
   
   </div>

   
   
8. Simpan
9. Catatan:
   
• Anda dapat menempatkannya di mana saja selama masih di bagian posting.
• Anda juga dapat menyisipkan di bawah kode :
  <div class='post-footer-line post-footer-line-1'>
  atau dibawah kode :
  <div class='post-footer-line post-footer-line-2'>
  atau dibawah kode :
  <div class='post-footer-line post-footer-line-3'>
• Anda juga dapat mengganti icon dengan menggunakan gambar Anda sendiri dengan mengganti URL milik Anda sendiri dimana icon tersebut Anda simpan (Misalnya : src='http://Your URL Images Saved/images.gif' )
  

Selamat mencoba, semoga berhasil ...!!!

Widget Gratis Tukar Link Otomatis

Beberapa minggu yang lalu saya diundang mengunjungi link salah satu sahabat dan setelah bertamu disana, ada sebuah widget yang menarik perhatian saya, yaitu sebuah widget yang mempunyai chat box untuk memasukkan link kita disana. Jadi sobat tak perlu bersusah payah membuat menu berupa copy script untuk bertukar link lagi, kecuali kalau sobat menyertakan script logo dari blog kita.
Contoh widget sudah saya pasang di lowerbar blog ini, silahkan coba untuk entrikan link sobat. Setelah klik submit, link sobat sudah terpasang ! Cukup mudah ...
Yuk ..langsung saja kita mulai memasang "free widget automatic link exchange" , walaupun harus melakukan registrasi terlebih dahulu, tapi free alias gratis.

1. Kunjungi situs LinkBox
2. Klik Register
3. Isikan data anda : Username, Email, Password, Repeat Password, Security code
4. Contreng (check mark) : I agree with Terms of Service
5. Klik Submit
6. Klik Login, masukkan username dan Password
7. Create a new LinkBox, beri nama box (Box Name), inputkan Url anda (Site URL)
8. Sebelum klik Get code, anda dapat mengatur tampilan LinkBox, khususnya penataan warnanya.
   
9. Copy kode HTML yang disediakan dan paste pada Gadget yang ada di blog anda.
10. Selesai.

Tampilan LinkBox silahkan lihat di lowbar blog ini dan sebagai percobaan silahkan masukkan nama Blog Anda (Title) kemudian masukkan URL Anda

Label, Tampilkan Jumlah Entri per Label atau Sembunyikan ?

Label atau kategori dalam suatu posting adalah untuk mempermudah pengelompokan suatu topik yang dibahas dalam satu artikel dengan artikel lainnya yang berguna baik dari sisi penulis maupun si pembaca.
Bagi para pembaca, untuk mempermudah memilih jenis artikel yang diinginkan, biasanya selalu menggunakan menu Label yang disediakan di halaman blog tersebut, disamping ada juga menu lainnya seperti Recent Post, Searching, Daftar Isi, dsb.

Untuk menampilkan menu Label ini, secara default akan ditampilkan jumlah entri per label, seperti contoh gambar sebelah kiri atau ingin sembunyikan jumlah entri per label, seperti gambar sebelah kanan :











Bila anda ingin angka dibelakang judul label dihilangkan, ada 2 cara yang cukup mudah dilakukan.

Cara pertama adalah dengan menambahkan Gadget yang ada pada Elemen Halaman :

1. Masuk ke Blogger dengan ID anda.
2. Pilih Tata Letak.
3. Pilih Elemen Halaman,
   
4. Klik Tambah Gadget
5. Klik tanda + pada Label.
6. Hapus tanda contreng pada pilihan "Tampilkan jumlah entri per label"













7. Klik tombol Simpan.
8. Lihat Blog anda.

Cara kedua (dilakukan bila pada cara pertama, pilihan menu "Tampilkan jumlah entri per label" tidak muncul) :

1. Masuk ke Blogger dengan ID anda.
2. Pilih Tata Letak.
3. Edit HTML
4. Sebaiknya backup dulu, kilk Download Template Lengkap
5. Setelah selesai, contreng Expand Template Widget
6. Cari kode yang seperti ini :
   
   (<data:label.count/>)
   
   
7. Hapus kode tersebut.
   
8. Kemudian Simpan Template.
9. Lihat blog anda.
   

Selamat mencoba ...

Membuat Favicon Pada Address Bar

Sebenarnya tentang favicon ini sudah sering dan juga dibahas di forum-forum atau situs penyedia favicon. Namun dari pada lupa, lebih baik saya posting saja disamping sebagai catatan pribadi yang sewaktu-waktu dapat digunakan.

Apakah favicon ?
Coba lihat gambar dibawah ini ...

Favicon adalah icon kecil yang muncul di samping alamat web di bagian atas browser Anda. FavIcon (singkatan dari "favorites icon"), berformat ICO (ikon format) yang muncul dalam browser sebagai 'Tab' atau 'Penanda'. Jika alamat suatu url disimpan (bookmark), icon ini ikut tersimpan dan muncul dalam daftar bookmark (Firefox) atau favorites (IE).

Bagaimana cara membuat favicon ?
Anda dapat membuat sendiri sebuah icon yang unik untuk blog atau website Anda, sehingga dapat menarik pengunjung di situs Anda. Dengan favicon yang unik atau beda, blog atau website anda dapat mudah diingat oleh pengunjung.
Untuk membuatnya, Anda dapat menggunakan foto pribadi, binatang, mobil, bunga, dll yang Anda suka. Untuk ukuran favicon, umunya adalah 16 x 16 pixel.
Ada banyak situs yang menyediakan aplikasi online untuk membuat favicon ini, bahkan banyak juga situs-situs yang menyediakan bermacam-macam favicon yang siap pakai dan bisa di download, baik dalam format ico, png, jpg maupun gif.
Salah satu situs penyedia aplikasi online yang populer misalnya http://www.htmlkit.com/services/favicon/
Setelah berada di situs tersebut, langkah-langkahnya cukup mudah (user friendly).

• Upload image dari komputer anda, klik Generate Favicon.ico
• Beberapa detik kemudian, muncul favicon yang anda buat tadi
• Dibawah image favicon, ada menu edit termasuk edit animasnya jika diinginkan
• Klik Download only favicon.ico (jika hanya menginginkan format ico)
  
• Klik Download only animated_favicon1.gif (jika hanya menginginkan format gif)
• Atau dua-duanya, klik Download dibawah tulisan "To add this favicon to your site:"
  
• Extract file zip tersebut, ada 3 file ( favicon.ico , animated_favicon1.gif, ReadME.txt )
• Petunjuk instalasinya ada pada file ReadMe.txt (cukup lengkap dan jelas)
  

Bagaimana cara memasang di Blog anda ?
Pertama anda harus mengupload file favicon.ico dan animated_favicon1.gif pada web hosting yang anda miliki. Biasanya diletakkan/disimpan pada root directory atau jika tidak dapat dipanggil, simpan pada folder public_html server hosting anda.
Contohnya : http://YOUR_WEB/public_html/favicon.ico dan http://YOUR_WEB/public_html/animated_favicon1.gif

Pertanyaannya, bagaimana bila belum punya web hosting sendiri ?
Kalau dapat numpang di web server kawan kita, lumayan ....
Tetapi kalau tidak ada, simpan saja ditempat image hosting yang free, misalnya di http://photobucket.com/ , http://www.ziddu.com/ , http://picasaweb.google.com/home dan masih banyak lagi ... tetapi sayangnya untuk format ico rata-rata tidak support. Artinya kita hanya bisa menyimpan file dengan format selain ico (gif, png, jpg).

Jika sudah di upload, untuk blogspot.com seperti biasa login, tata letak, edit HTML
Kemudian tambahkan kode HTML diantara kode <head> dan </head>
Yang paling mudah, letakkan persis diatas kode </head>

<link rel="shortcut icon" href="http://YOUR_WEB/public_html/favicon.ico">

<link rel="icon" type="image/gif" href="http://YOUR_WEB/public_html/animated_favicon1.gif">

Sedangkan non blogspot.com , cukup :
<link rel="shortcut icon" href="favicon.ico">
<link rel="icon" type="image/gif" href="animated_favicon1.gif">

Untuk yang disimpan di image hosting gratisan, misalnya di photobucket.com, copy link url dimana image dengan format gif/png,/jpg dan pastekan pada ode dibawah ini :

<link rel="icon" type="image/gif" href="http://YOUR_WEB_IMAGE_HOSTING/public_html/animated_favicon1.gif">

Sekarang lihat perubahan icon address bar anda ...
Selamat bereksperimen !
Jangan lupa berikan komentarmu ........
::.::.::.::.::

Membuat Menu Scroll

Lihat menu Blogger Tips & Trik yang ada di sidebar kiri halaman Blog ini.
Bila anda ingin membuat menu scroll seperti ini, caranya sangat mudah.
Ikuti langkah-langkahnya !

1. Login di https://www.blogger.com/start
2. Klik Tata Letak
   
3. Klik Elemen Halaman
4. Klik Tambah Gadget (Pilih side bar yang akan dipasang YM)
5. Setelah muncul box Tambahkan Gadget, pilih HTML/JavaScript
6. Dalam box Mengkonfigurasi HTML/JavaScript, isi Judul
7. Kemudian di kotak Konten, isikan script berikut :

<div class="widget-content">
<div style="border: 1px solid #363636; background-color: #202020; font-weight: bold; padding: 5px; overflow: auto; width: 178px; height: 128px;">

<ul>
<li><a href="http://Url_Posting.html"> Judul Posting</a></li>

<li><a href="http://Url_Posting.html"> Judul Posting</a></li>

<li><a href="http://Url_Posting.html"> Judul Posting</a></li>

</ul>
</div></div>

8. Klik Simpan

Catatan :

• width: 178px (Lebar Widget, sesuaikan dengan sidebar anda)
• height: 128px (Tinggi Widget, sesuaikan dengan sidebar anda)
• Url_Posting (Ganti dengan Url_Posting Anda ), misalnya : "http://didiek-hadi.blogspot.com/2009/07/membuat-menu-scroll.html"
• Judul Posting (Ganti dengan Judul Posting Anda), misalnya : Membuat Menu Scroll
• border dan background : dapat anda sesuaikan warnanya, pilih warna disini.
  

Happy Blogging ...!
Berikan komentarmu setelah mencobanya ....

Pasang Profile Facebook di Sidebar Blog

Anda sudah punya account di Facebook dan ingin memasang profile facebook tersebut di sidebar blog ?
Saya akan sharing bagaimana cara pasangnya berdasarkan apa yang saya ketahui dan sudah berhasil pada saat dipasang.
Sampai saya menulis posting ini baru ada dua macam cara yang sudah saya coba, yang pertama dengan badge profile dan yang kedua dengan membuat sendiri profile link facebook kita.

Create Profile Badge

• Login di : http://www.facebook.com/
• Setelah halaman facebook terbuka, klik menu : Profile
• Scroll mouse kebawah dan arahkan mouse dibawah sidebar foto-foto kawan kita, klik :Create a Profile Badge
• Setelah muncul halaman badge (Facebook Badges), klik tanda +Create a New Badge
• Pada halaman ini, terdapat banyak menu pilihan tampilan Facebook Badge, sesuai selera kita. Misalnya layout vertikal atau horizontal, tampilkan foto, nama, email, status, dll
  
• Jika sudah mantab, klik Save
• Klik Copy kode HTML yang terdapat pada Kotak Copy and paste the following HTML into your webpage:
• Cara memasukan ke blog, seperti biasa :
  1. Masuk ke Blogger dengan ID anda.
  2. Pilih Tata letak.
  3. Pilih Elemen Halaman.
  4. Klik Tambah Gadget.
  5. Klik tanda + pada HTML/JavaScript.
  6. Paste code yang dicopy tadi pada kolom konten yang tersedia.
  7. Klik Simpan.
• Lihat Blog anda sekarang
  
• Anda bisa edit Facebook Badge ini bila informasi yang ditampilkan akan dikurangi atau ditambah.
  

Dibawah kotak script HTML, terdapat 3 kotak gambar +Blogger, +myspace, +TypePad
Maksudnya adalah jika kita klik salah satu dari gambar tersebut (misalkan +Blogger), maka Facebook Badge yang sudah kita create tadi secara otomatis akan terpasang pada sidebar blog kita.
Menurut saya, langkah ini sedikit untung-untungan, karena letak Facebook Badge di sidebar blog kita, belum tentu sesuai dengan keinginan, sehingga perlu editing ulang.

Cara kedua dengan mengcopy link Facebook Badge yang sudah kita create, misalkan : http://www.facebook.com/didiekh , kemudian klik tanda + pada HTML/JavaScript, paste pada kolom konten (tambah Gadget seperti langkah diatas) dan contoh tampilannya seperti ini :

Untuk gambar bisa anda create sendiri sesuai dengan selera masing-masing.

Tampilkan Recent Post Tanpa Batas

Ingin menampilkan recent post dengan jumlah judul posting yang bisa kita atur sesuka kita ? Ikuti langkah-langkahnya sebagai berikut :

1. Masuk ke Blogger dengan ID anda.
2. Pilih Tata Letak.
3. Pilih Elemen Halaman, kemudian klik Tambah GadgetKlik tanda + pada HTML/JavaScript.
4. Paste kode HTML dibawah ini kedalam kolom konten yang tersedia.
5. Klik tombol Simpan.
6. Lihat Blog anda.
   

Kode HTML :

<script>
function rp(json) {
document.write('<ul>');
for (var i = 0; i < numposts; i++) {
document.write('<li>');
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}

posttitle = posttitle.link(posturl);
var readmorelink = "(more)";
readmorelink = readmorelink.link(posturl);
var postdate = entry.published.$t;
var cdyear = postdate.substring(0,4);
var cdmonth = postdate.substring(5,7);
var cdday = postdate.substring(8,10);
var monthnames = new Array();
monthnames[1] = "Jan";
monthnames[2] = "Feb";
monthnames[3] = "Mar";
monthnames[4] = "Apr";
monthnames[5] = "May";
monthnames[6] = "Jun";
monthnames[7] = "Jul";
monthnames[8] = "Aug";
monthnames[9] = "Sep";
monthnames[10] = "Oct";
monthnames[11] = "Nov";
monthnames[12] = "Dec";

if ("content" in entry) {
var postcontent = entry.content.$t;
} else if ("summary" in entry) {
var postcontent = entry.summary.$t;
} else
var postcontent = "";
var re = /<\S[^>]*>/g;
postcontent = postcontent.replace(re, "");
document.write(posttitle);

if (showpostdate == true) document.write(' - ' +
monthnames[parseInt(cdmonth,10)] + ' ' + cdday);

if (showpostsummary == true) {

if (postcontent.length < numchars) {
document.write(postcontent);
} else {
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0,quoteEnd);
document.write(postcontent + '...' + readmorelink);
}
}
document.write('</li>');
}
document.write('</ul>');
}
</script>

<script>
var numposts = 5;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
</script>
<script src="http://YOUR_BLOG/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script>

Notes :

• var numposts = 5 (Jumlah posting yang ditampilkan)
• Ganti text YOUR_BLOG dengan nama blog anda, misalnya : http://didiek-hadi.blogspot.com

Penasaran ? Silahkan coba dan berikan komentarmu ....

Status YM di Side Bar Blog V.1

Mungkin diantara sobat ada yang ingin memasang Yahoo Messenger (YM) di Blognya.
Sambil ngeblog atau blogging, siapa tahu ada yang kepengin chating dengan kita.
Syarat pertamanya, sobat mesti punya account dulu di Yahoo.
Nah kalau sudah punya account, ikuti langkah-langkahnya.

1. Login di https://www.blogger.com/start
2. Klik Tata Letak
   
3. Klik Elemen Halaman
4. Klik Tambah Gadget (Pilih side bar yang akan dipasang YM)
5. Setelah muncul box Tambahkan Gadget, pilih HTML/JavaScript
6. Dalam box Mengkonfigurasi HTML/JavaScript, isi Judul (terserah anda)
7. Kemudian di kotak Konten, isikan script berikut :

<a href="ymsgr:sendIM?id_ym"><img border="0" alt="My YM" src="http://opi.yahoo.com/online?u=id_ym&m=g&t=2&l=us"/></a>

8. Klik Simpan

Catatan :

• Ganti id_ym, dengan ID Yahoo anda (cukup nama account saja, misalnya didiek.hadi tanpa @yahoo.* )
• t=2 , artinya kita menggunakan pilihan tampilan nomor 2 yang disediakan Yahoo Messenger.
• Ada sekitar 24 tampilan YM yang disediakan oleh Yahoo, berikut beberapa contohnya (9 image) :
  

Salah satu contoh, t=23 :




Silahkan coba sendiri, image lainnya ....

Mengganti Template Blog

Bosan dengan template yang sobat gunakan sekarang ?
Oh ya, sebelumnya apa sih template itu ?
Template adalah desain dari sebuah halaman web atau blog yang didalamnya terdiri dari beberapa kolom atau biasa disebut sidebar, kolom posting, kolom banner, kolom navigasi termasuk tata letaknya dan background yang dapat berupa gambar atau hanya warna saja.
Beberapa blogger menganggap bahwa mengganti template blog juga merupakan suatu indikasi bahwa blog tersebut selalu update disamping frekuensi posting yang teratur dan uptodate.
Ada juga karena suatu kebutuhan yang menuntut sebuah desain atau lay out yang diperlukan untuk menampilkan sesuatu yang diinginkan, sementara template yang ada kurang mendukung.
Mengganti template blog ada beberapa cara, antara lain dari template yang disediakan oleh blogspot, download dari situs-situs penyedia template gratis, atau memodifikasi dari template yang ada atau bahkan membuat desain sendiri.
Bahasan kali ini, khusus mengganti template blogspot.com. Ok, kita mulai langkah-langkahnya :

1. Login di https://www.blogger.com/start
2. Klik Tata Letak
3. Klik Edit HTML
4. Setelah halaman terbuka, dibawah tulisan Backup/Restore Template, ada sebuah pesan : Sebelum mengedit template Anda, Anda mungkin ingin menyimpan sebuah salinan dari template tersebut. Download Template Lengkap. Maksudnya jika terjadi sesuatu bisa dikembalikan ke template awal (sebelum diganti template yang baru).
5. Dibawahnya lagi terdapat kolom untuk mengupload template yang berasal dari file template yang disimpan di hard drive kita (hard disk, flash disk, dll).
   
6. Karena kita sedang bahas template dari blogspot, sekarang klik menu Pilih Template Baru
7. Di halaman ini, ada sekitar 16 template yang disediakan oleh blogger.com yang masing-masing template diberikan pilhan warna background sesuai selera kita.
8. Coba pilih salah satu template yang sobat suka, kemudian klik pratayang template (preview) sebelum sobat benar-benar yakin akan menggunakan template tersebut.
9. Jika sudah yakin, klik SIMPAN TEMPLATE
10. Selesai

Mungkin sobat ingin melihat-lihat desain template yang lain sebagai bahan referensi, siapa tahu ada yang menarik untuk dicoba, karena ada puluhan desain template yang bervariasi baik dari sisi layout maupun backgroundnya, silahkan klik disini.

Silahkan bereksperimen ....

By : Didiek Hadi

Setting Blog, Apa Saja yang Perlu ?

Setelah selesai membuat blog di blogspot.com, tentunya ada beberapa pengaturan yang harus dan perlu dilakukan agar blog kita memiliki performance yang diharapkan.
Ada beberapa settingan (pengaturan) jika kita lakukan dengan benar, maka blog kita akan berfungsi secara optimal termasuk blog kita dapat dikenali oleh mesin pencari semisal Google, Yahoo, MSN, juga teman-teman kita bila mencarinya.
Jika sudah siap, coba ikuti langkah-langkah berikut ini :

1. Login di http://www.blogger.com dengan memasukkan email dan sandi anda
2. Setelah muncul Dasbor, klik Pengaturan,
   
3. Muncul halaman Pengaturan Dasar, coba cek tiap-tiap menu form yang ada :
• Judul : Isi judul blog anda, misalnya nama anda, atau Info Kesehatan, dsb
• Uraian : Isi dengan uraian tentang blog anda, misalnya "Tempatnya sharing kesehatan"
• Tambahkan blog Anda ke daftar kami? Pilih : Ya (Agar blog kita terdaftar dan terhubung ke Blogger.com, seperti homepage Blogger, Blogger Play, dan selanjutnya)
  
• Biarkan mesin pencari menemukan blog Anda? Pilih Ya
  
• Tampilkan Editing Cepat di Blog Anda? Pilih Ya
• Tampilkan Link Posting Email? Boleh Ya, boleh Tidak. (Jika Ya, pengunjung Anda dengan mudah mengirimkan posting email dari blog Anda ke teman-teman mereka)
• Konten Dewasa? Pilih Tidak (Jika Ya, Blog anda dianggap khusus konten dewasa, sehingga akan memunculkan peringatan akan dilanjutkan atau tidak)
• Tampilkan Mode Compose untuk semua blog Anda? Pilih Ya
• Aktifkan transliterasi? Pilih Nonaktifkan (Jika pilih Aktif, di blog anda akan muncul tombol pengubah ke bahasa Hindi)
• Klik tombol Simpan Setelan (Save). Selesai.
4. Klik menu Publikasi
• Alamat Blog*Spot : Biasanya sudah tertulis alamat blog anda (jangan dirubah)
  
• Verifikasi Kata : Isi sesuai dengan huruf yang muncul diatas kolom isian (ini dilakukan, jika anda merubah pada Alamat Blog*Spot, jika tidak kosongkan saja)
• Klik tombol Simpan Setelan (Save). Selesai.
5. Klik menu Format
• Tampilkan : Ketik angka, yaitu jumlah posting yang akan ditampilkan. Pada menu pull down, pilih posting.
  
• Format Header Tanggal : Pilih format tanggal yang anda inginkan dan akan ditampilkan di atas posting Anda.
• Format Tanggal Index Arsip : Pilih format yang anda inginkan dan akan ditampilkan pada link pengarsipan.
• Format Timestamp : Pilih format waktu yang anda inginkan.
• Zona Waktu : Pilih (GMT+07:00) Jakarta.
• Bahasa : Pilih bahasa yang anda inginkan.
• Konversi ganti baris : Default Ya
• Tampilkan Field Judul : Pilih Ya
• Tampilkan kolom Link : Pilih Ya
• Aktifkan perataan float : Pilih Ya
• Template Posting : Sementara kosongkan dulu, nanti kita bahas pada topik yang lain.
  
• Klik tombol Simpan Setelan (Save). Selesai.
6. Klik menu Komentar
• Komentar : Pilih Tampilkan, agar posting anda dapat dikmentari oleh pengunjung.
  
• Siapa yang Bisa Berkomentar ? : Pilih Siapa pun - termasuk Pengguna Anonim, agar siapapun dapat memberikan komentarnya.
  
• Penempatan Formulir Komentar : Pilih Disemat di bawah entri.
• Default Komentar untuk Entri : Pilih Entry baru memiliki komentar.
• Link Balik : Pilih Tampilan, agar kita tahu ada yang memasang link di postingan kita.
  
• Default Link Balik untuk Posting : Pilih Entry Baru Memiliki TautBalik.
• Format Timestamp Komentar : Pilih format simple, misalnya 21:50
  
• Pesan Formulir Komentar : Boleh dikosongkan atau di isi sebuah pesan, contoh : Komentar yang berisi spam, tidak kami tampilkan.
  
• Moderasi komentar : Pilih Tidak Pernah
  
• Tampilkan verifikasi kata untuk komentar? : Pilih Ya. Agar terhindar dari komentar yang bersifat spam.
  
• Tampilkan gambar profil dalam komentar? : Pilih Ya.
• Tampilkan gambar profil dalam komentar? : Isi alamat E-mail anda, agar setiap ada yang memberikan komentar, blogger.com akan mengrimkan email pemberitahuan ke anda.
  
• Klik tombol Simpan Setelan (Save). Selesai.
7. Klik menu Arsipkan
• Frekuensi Arsip : pilih Bulanan.
  
• Aktifkan Halaman Posting? : Pilih Ya.
• Klik tombol Simpan Setelan (Save). Selesai.
8. Klik menu Feed Situs
• Izinkan Feed Blog : Pilih Penuh.
  
• Posting URL Pengubahan Arah Feed : Kosongkan saja, jika belum punya alamat feed pengganti, misalnya alamat feed dari feed burner.
• Footer Feed Posting : Kosongkan saja jika anda bekum punya kode iklan yang akan ditampilkan.
  
• Klik tombol Simpan Setelan (Save). Selesai.
9. Klik menu Izin
   
• Penulis Blog, maksudnya, anda dapat menambah penulis di blog anda jika menginginkannya dengan cara mengklik MENAMBAH PENULIS (hingga 100 penulis).
• Pembaca Blog. Pilih : Siapapun

Sukses selalu ....!!

Buat Blog di Blogspot.com

Sebagai lanjutan dari postingan saya sebelumnya tentang Sekilas Tentang Blog , berikut ini kita bahas bagaimana cara membuat blog di http://www.blogger.com, sehingga alamat blog anda adalah : http://namabloganda.blogspot.com
Lain waktu akan kita bahas bagaimana membuat blog di Wordpress (http://www.wordpress.com)
Ikuti langkah-langkahnya .....

Pertama-tama anda harus mempunyai account email dulu, misalnya account Google atau Yahoo. Bila belum punya silahkan buat account dulu, untuk account google daftar dulu disini dan account Yahoo, disini.
Semua fasilitas diatas adalah gratis, baik hosting serta domain di blogger.com maupun account email google/yahoo. Jadi tak usah kuatir ada biaya untuk membayar semuanya tadi.

Baik, sekarang kita mulai membuatnya.
Login di : https://www.blogger.com atau klik gambar dibawah ini :


Setelah berada di halaman blogger.com, dari gambar diatas, ikuti langkah-langkah yang sudah disediakan.

1. Klik tanda anak panah yang bertuliskan "CIPTAKAN BLOG ANDA"
2. Isi Alamat Email dengan alamat email anda
3. Isi sekali lagi alamat email anda pada form Ketik ulang alamat email
4. Buat password yang anda inginkan pada form Masukkan sebuah password
5. Ketikkan kembali password anda tadi pada form Ketik ulang sandi
6. Isi Nama Tampilan dengan nama yang ingin anda tampilkan
7. Ketikkan tulisan yang tertera pada form Verifikasi Kata
8. Beri tanda contreng pada kotak di pinggir tulisan Saya menerima Persyaratan dan Layanan.
9. Klik gambar anak panah yang bertuliskan "LANJUTKAN"
10. Tuliskan judul blog yang anda inginkan (bisa di rubah sewaktu-waktu) pada form Judul Blog
11. Tulis nama situs anda pada form Alamat Blog (URL)
12. Tulislah tulisan verifikasi yang ditampilkan pada form Verifikasi kata
    
13. Klik gambar panah yang bertuliskan "LANJUTKAN"
14. Pilihlah gambar (template) yang anda inginkan (template ini dapat di rubah lagi jika anda inginkan)
15. Kllik gambar anak panah yang bertuliskan "LANJUTKAN"
16. Setelah keluar tulisan "Blog Anda telah di ciptakan".
    
17. Klik gambar panah bertuliskan "MULAI POSTING".
    
18. Anda sudah dapat menuliskan ide anda atau apa saja, jika sudah selesai klik tombol "MEMPUBLISKAN POSTING".

Isi Posting pada Blog
Biasanya para pemula sering bingung, apa yang akan ditulis atau diposting di blognya untuk pertama kali.
Sebenarnya hal ini mudah, setiap orang pasti punya pengalaman pribadi yang paling berkesan, misalnya tentang perjalanan pribadi atau dengan keluarga atau dengan teman, berarti anda sudah dapat menulisnya di blog anda.
Saran saya sebaiknya tulislah hal-hal yang paling anda senangi atau yang anda kuasai, karena tulisan anda pasti berkualitas dan orang akan tertarik membacanya.
Tapi ingat, jangan menulis yang sekiranya akan berdampak buruk bagi anda sendiri, misalnya berbau SARA, cemohan atau kritikan yang anda tidak mempunyai data atau bukti yang jelas.
Hindari semua itu, lebih baik menulis hal-hal yang menarik dan berguna untuk orang lain.
Apalagi dengan terbitnya Undang-undang No. 11/2008 tentang ITE (Informasi dan Transaksi Elektronik) yang sudah saya posting sebelumnya.
Oleh sebab itu, pahami dulu UU No. 11/2008 Tentang ITE , agar kita tetap bebas mengeksplore pendapat kita, berkreasi di dunia maya tetapi tetap mematuhi rambu-rambu yang ada.
Selamat berkreasi ! (Didiek Hadi)

Artikel Terkait :

• Sekilas Tentang Blog
• Setting Blog, Apa Saja Yang perlu
• Mengganti Template Blog
• Pasang YM di Sidebar
• Tampilkan Recent Post Tanpa Batas
• Pasang Profile Facebook di Sidebar
• Membuat Menu Scroll

Sekilas Tentang Blog

Apa sih Blog itu ?
Blog adalah singkatan dari Web Log, yaitu catatan pribadi seseorang atau kelompok yang dapat dipublikasikan atau diposting, via internet tentunya dan dapat diakses oleh semua pengguna internet sesuai dengan topik dan tujuan dari si pengguna blog tersebut.
Bila si pemilik blog tidak ingin mempublikasikan tulisannya, cukup disimpan sebagai konsep yang sewaktu-waktu dapat dipublikasikan.

Mulai populer
Diperkirakan media blog muncul akhir tahun 1998 yang dimiliki oleh PyraLab yang akhirnya PyraLab diakuisi oleh Google.Com pada akhir tahun 2002 dan dipopulerkan oleh Blogger.com.
Fungsinyapun sangat beragam, dari sebuah catatan harian, media publikasi, sampai dengan program-program lainnya. Blog dapat dikelola secara pribadi maupun kelompok atau beberapa penulis.
Fasilitas weblog ini cukup menarik, misalnya interaksi dengan para pengunjungnya, seperti buku tamu, kolom komentar, dsb.

Komunitas blogger
Adalah sebuah ikatan yang terbentuk dari para blogger (sebutan pemilik blog) berdasarkan kesamaan-kesamaan tertentu, seperti kesamaan asal daerah, kesamaan kampus, kesamaan hobi, dsb.
Untuk bisa bergabung di komunitas blogger, biasanya ada semacam syarat atau aturan yang harus dipenuhi untuk bisa masuk di komunitas tersebut, misalkan harus daftar sebagai follower atau pengikut, tukar link, sebagai member tetap di blog tersebut, dsb.

Jenis blog
Hal ini tergantung dari masing-masing pemilik blog pada saat membuat blog itu sendiri. Misalnya blog bertopik, yang fokus pada bahasan tertentu. Blog Kesehatan, Agama, Politik, Pendidikan, Perjalanan, Hukum, Bisnis, dan bersifat Umum yaitu semua informasi yang mungkin dianggap berguna bagi pemilik blog maupun orang lain.

Istilah populer di dunia blog
Ngeblog atau blogging, kegiatan yang dilakukan hampir setiap waktu untuk mengetahui eksistensi dari pemilik blog dan juga untuk mengetahui sejauh mana blog dirawat misalnya mengganti template atau menambah artikel.
Saat ini ada banyak sekali software, tool, dan aplikasi Internet lain yang mempermudah para blogger untuk merawat dan melakukan pembaruan di blognya.
Blogwalking, yaitu aktivitas dimana para blogger meninggalkan link di blog atau situs orang lain seraya memberikan komentar, biasanya dilakukan oleh para blogger yang tergolong baru atau pemula.
Profesional blogger, atau problogger, yaitu orang yang menggantungkan hidupnya hanya dari aktivitas ngeblog. Beberapa blogger kini bahkan telah menjadikan blognya sebagai sumber pemasukan utama. Karena memang faktanya banyak link-link pendapatan baik berupa dolar maupun rupiah dari aktivitas ngeblog ini. (Didiek Hadi, bbrp sumber)

Koleksi Kode Warna Untuk Blog

Kode-kode warna pasti sangat dibutuhkan saat kita sedang mengedit warna-warna pada blog sesuai dengan keinginan dan selera kita, baik itu warna text, border atau background.
Dibawah ini, anda tinggal pilih warnanya dengan mengarahkan mouse ke warna tersebut, kemudian klik, maka kode warna akan muncul pada kotak dibawahnya.
Copy kode warna tadi dan paste pada warna yang akan diganti di blog anda.
Semoga bermanfaat ...

Kode warna yang terpilih :